Go Back
free

Freecat Blog 免费博客构建指南 | 本地优先+云同步

最后编辑: 2026-01-25 15:28

确保拥有 github 账户Vercel 账户

成品演示站:
https://blog.freeorg.dpdns.org

速览
速览

界面预览:

自定义属性(obsidian)
主题切换 文章内容

搭建逻辑

  • 对本地 markdown 格式的文件进行文字编辑
  • 通过 github 仓库进行云备份
  • 利用 Vercel 进行构建部署

Freecat Blog 优势

  • 本地优先+云同步,一站式打造个人博客

    • 本地客户端自由编辑
    • 本地+云双重保险
    • 写作+发布无缝工作流
  • 兼容 markdown 格式和 html 格式,拥有更自由和丰富的排版方式

    • 全面支持 md 格式
    • 兼容 html 格式,赋予更自由的编排能力
    • 针对性进行视觉优化
  • 拥有极致的阅读体验,回归纯粹的创作/阅读

    • 自动为中英/数字/单位混排添加空格
    • 无干扰、更柔和的阅读优化
    • 专注写作,无格式也可畅写、畅读
  • 支持音频播放

    • 音频播放演示案例
    • 引用符号+直链即可自动启用音频播放控件,如:>[这是示例格式](https://XXX……XXX.m4a);若直链不包含音频格式(如 .mp3, .m4a, .wav, .ogg, .aac, .flac, .opus),可在名称中添加“🎵"符号强制开启音频控件,如:>[🎵这是示例格式](https://XXX……XXX.m4a)
    • 网盘分享链接转直链工具
    • 网盘直链获取工具
    • 音频文件储存推荐
    • 通过 AI 询问其他音频播放方案,如:下载工具捕获的音频下载链接都会过期,还有其他更可靠的能在网盘分享链接中提取音频文件,或者其他完全不一样但依然可以实现播放音频的方案吗?
  • 强大的标签管理,自动归档
  • 强大的搜索体验,快速查找

  • 高定制性,百分百打造个人烙印

  • Vercel 免费一键部署,构建商业级个人网站


部署教程

第一步

fork 项目仓库并设置为非公开

https://github.com/OUBIGFA/FreeBlog

详细步骤
  • fork 仓库
  • 设置为非公开

第二步

安装 github 桌面端并拉取对应仓库到本地

https://desktop.github.com/download

详细步骤

github 仓库拉取同步视频教程

  • 选择仓库以及位置

第三步

进行编辑并同步仓库
详细步骤

测试


第四步

发布成功

进阶教程

以 obsidian 为例,利用插件进行同步
详细步骤

测试


通过 Control 文件夹自定义网站属性

site_网站属性

  • 设置个人头像、网站图标、默认主题等

social_社交媒体

  • 设置社交媒体或友链、推广链接等,图标、URL 都可替换

about_关于页面

  • 单独设置关于页面的文字内容
这是一套高定制化的皮肤
  • 你可以理解成这个博客是一套经过精心优化过的皮肤,通过编程软件可以自行修改出任何你想要的外观,打造你任何想要的功能
  • 对于小白来说,在这套皮肤的框架下,可以专心写作,不用被任何事情分心

拓展用法

云备份任何笔记
  • 利用 github 的特性,可以实现任何笔记类文件的免费云同步功能,也就是单纯通过 github 仓库进行云备份
搭建任何个人网站
  • 利用这套搭建个人博客的逻辑,可以搭建出任何个人网站

利用编程软件获取免费 AI 服务

优势
  • 只要习惯纯字符的书写方式,就能通过海量编程软件获取功能强大的免费 AI 写作服务
  • 各类编程软件天生支持 md 格式
  • 各类编程软件天生提供一定免费额度的 AI 服务
  • 市面上有海量的编程软件,通过安装多个以获取无限 AI 服务
编程软件汇总
WARNING

遇到任何安装问题自行谷歌

用户体验拉满的编程软件汇总

  • 可直接在软件内完成编辑+github 同步的操作